<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>CSS基本语法</title> 
<style>
a:link {color:#008000;}      /* 未访问链接*/
a:visited {color:#00FF00;}  /* 已访问链接 */
a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
a:active {color:#0000FF;}  /* 鼠标点击时 */

a.one:link {text-decoration:none;}    /* unvisited link */
a.one:visited {text-decoration:none;} /* visited link */
a.one:hover {text-decoration:underline;}   /* mouse over link */
a.one:active {text-decoration:underline;}  /* selected link */

a.three:link,a.three:visited
{
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#98bf21;
	width:200px;
	text-align:center;
	padding:4px;
	text-decoration:none;
}
a.three:hover,a.three:active
{
	background-color:#7A991A;
}
</style>
</head>

<body>
<b><a href="">这是一个简单链接</a></b>

<p><b><a href="" target="_blank">This is a link</a></b></p>
<p><b>注意:</b> hover必须在:link和 a:visited之后定义才有效.</p>
<p><b>注意:</b>active必须在hover之后定义是有效的.</p>
<a class="three" href="">这是一个高级链接</a>
</body>
</html>